<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="SyntaxHighlighter.css" rel="stylesheet" type="text/css" />
</head>

<body>
<p><img src="saibamais.jpg" width="270" height="50"
alt="Saiba Mais" /></p>
<p><strong>Recomenda&ccedil;&atilde;o 2.17 &ndash; </strong>Forne&ccedil;a informa&ccedil;&otilde;es sobre como o  site est&aacute; estruturado, atrav&eacute;s de <strong> </strong>um mapa ou de sum&aacute;rio.   Crie o mapa de forma textual, associando aos t&iacute;tulos das p&aacute;ginas  para n&atilde;o causar confus&atilde;o aos usu&aacute;rios que  utilizarem leitores de tela. </p>
<p>O  mapa ou sum&aacute;rio do site pode mostrar a hierarquia das p&aacute;ginas, isso &eacute; feito  utilizando o  atributo &ldquo;title&rdquo; dentro do  comando &ldquo;a&rdquo;. </p>
<p><img src="2.17.jpg" alt="mapa ou sum&aacute;rio do site" width="754" height="55" /></p>
<p><strong>No c&oacute;digo html:  </strong></p>
<div class="dp-highlighter">
  <ol class="dp-j" start="1">
    <li class="alt"><span>&lt;a  href=&quot;a.htm&quot; title=&quot;n&iacute;vel 1&quot;&gt;P&aacute;gina de boas-vindas&lt;/a&gt;</span></li>
    <li class=""><span>&lt;a  href=&quot;b.htm&quot; title=&quot;n&iacute;vel 2&quot;&gt;P&aacute;gina de entrada&lt;/a&gt; (p&aacute;gina  principal)  &lt;a href=&rdquo;c1.htm&rdquo;  title=&rdquo;n&iacute;vel 3&rdquo;&gt;Produtos&lt;/a&gt;</span></li>
    <li class="alt"><span>&lt;a  href=&quot;c.htm&quot; title=&quot;n&iacute;vel 4&quot;&gt;Sistemas&lt;/a&gt;</span></li>
    <li class=""><span>&lt;a  href=&quot;d.htm&quot; title=&quot;n&iacute;vel 5&quot;&gt;Sistema 1000&lt;/a&gt;</span></li>
  </ol>
</div>
<p><br />
</p>
</body>
</html>
